<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>欢迎访问小灰灰图库网</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
          integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">

    <!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap-theme.min.css"
          integrity="sha384-6pzBo3FDv/PJ8r2KRkGHifhEocL+1X2rVCTTkUfGk7/0pbek5mMa1upzvWbrUbOZ" crossorigin="anonymous">

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
            integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"
            crossorigin="anonymous"></script>
    <script th:src="@{http://code.jquery.com/jquery-2.1.1.min.js}"></script>
    <link th:href="@{~/mainindex/css/style.css}" type="text/css" rel="stylesheet"/>
</head>
<body>
<header>
    <div class="logo"><img style="width: 100px" th:src="@{~/mainindex/img/logo1.png}">
        <p style="display:inline;">意蕴甜心创作</p>
        <!-- 图片分类 -->
        <div class="dropdown" style="padding-left: 70px;">
            <button style="width: 200px" type="button" class="btn btn-info  btn-lg">图片分类</button>
            <div class="dropdown-content" style="margin-left: 19px">
                <a th:href="@{/photoclass?cid=1}">风光摄影</a>
                <a  th:href="@{/photoclass?cid=2}">卡通动漫</a>
                <a  th:href="@{/photoclass?cid=3}">炫酷创意</a>
            </div>
        </div>
        <!--        排行榜-->
        <div class="dropdown" style="padding-left: 50px;">
            <button style="width: 200px" type="button" class="btn btn-info  btn-lg">图片排行</button>
            <div class="dropdown-content" style="margin-left: 19px">
                <a href="#">创意榜</a>
                <a href="#">热度榜</a>
                <a href="#">下载榜</a>
            </div>
        </div>
        <!--        关于我们-->
        <div class="dropdown" style="padding-left: 50px;">
            <button style="width: 200px" type="button" class="btn btn-info  btn-lg">关于我们</button>
            <div class="dropdown-content" style="margin-left: 19px">
                <a href="#">团队介绍</a>
                <a th:href="@{/adminLogin}">后台管理</a>
                <a href="#">版权说明</a>
            </div>
        </div>
        <button type="button" style="margin-left: 70px" class="btn btn-success"><a th:href="@{/toLogin}">登录&nbsp;/&nbsp;注册</a></button>
        <button type="button" style="margin-left: 30px" class="btn btn-success"><a th:href="@{loginout}">退出</a></button>
    </div>
</header>
<div class="main">
    <article>
        <ul class="clearfix" >
            <li style="display: inline">
                <div style="display: inline" th:each="p:${photoList}">
                 <a th:href="@{${p.getUrl()}}"> <img style="width: 310px;height: 190px;padding-top: 10px" th:src="@{${p.getUrl()}}"></a>

                </div>
            </li>


        </ul>

    </article>
</div>
<footer>
    <div>
        <p style="text-align: center;color: DodgerBlue;font-size: 26px;">小灰灰图库网</p>
        <p style="text-align: center;color: black;font-size: 18px;"> Copyright © 2022 小灰灰科技有限公司 保留所有权利</p>
    </div>
</footer>
</body>
</html>